#myTake {
  @include flexbox();
  @include flex-direction(column);
  height: 100%;
  background: rgba(246, 246, 246, 1);

  header {
    @include flexbox();
    height: 45px;
    line-height: 45px;
    color: #fff;
    background: linear-gradient(to right, #2fd4ac, #2fd492);

    i {
      width: 30px;
      background: url(image/icon_return.png) no-repeat center;
      background-size: 100%;
    }

    div {
      @include flex();
      padding-right: 30px;
      text-align: center;
      font-size: 18px;
    }
  }

  .border-8 {
    width: 100%;
    height: 8px;
    background: #F6F6F6;
  }

  ul.list {
    @include flex();
    width: 100%;
    overflow-y: scroll;
    background: #fff;

    li {
      padding: 20px 0;
      margin: 0 10px;
      border-bottom: 1px solid rgb(229, 229, 229);

      &:last-child {
        border: none;
      }

      &>a {
        @include flexbox();

        &>div {
          @include flex();
          flex-direction: column;
          display: flex;
          justify-content: space-around;
          margin-left: 10px;
          margin-top: -3px;

          &>div {
            @include flexbox();
            @include justify-content(space-between);
            @include align-content(center);

            h3 {
              font-size: .16rem;
              width: calc(100% - 50px);
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              font-weight: 500;
            }

            .price {
              @include flexbox();
              @include justify-content(center);
              @include align-content(center);

              img {
                margin-top: 4px;
              }

              b {
                margin: 0 0 0 5px;
                font-family: HelveticaGre;
                font-size: .14rem;
                color: #f79c0e;
              }
            }

          }

          p {
            font-size: .13rem;
            color: rgb(156, 156, 156);
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;

            &:nth-of-type(1) {
              margin-top: 3px;
              margin-bottom: 5px;
            }

            &:nth-of-type(2) {
              i {
                margin-right: 10px;
              }

              b {
                color: rgb(229, 50, 45);
              }
            }
          }

          span {
            display: block;
            font-size: .13rem;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: 6px;
          }
        }
      }

    }
  }
}
